@CHARSET "UTF-8";

.calendarContainer.stayCalendar.show {
	background-color: #271a40;
	color: rgb(136, 136, 136);
	display: block;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 468px;
	left: 0px;
	line-height: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	position: absolute;
	text-align: left;
	top: 0px;
	width: 100%;
	z-index: 1005;
}

.calendarContainerInner {
	color: rgb(136, 136, 136);
	display: block;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 460px;
	line-height: 15px;
	text-align: left;
	width: 100%;
}

.calendarHeader {
	-webkit-background-clip: border-box;
	-webkit-background-origin: padding-box;
	-webkit-background-size: auto;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	background-origin: padding-box;
	background-size: auto;
	color: rgb(136, 136, 136);
	display: block;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 62px;
	line-height: 15px;
	text-align: left;
	width: 100%;
}

.calendarHeader h1 {
	color: rgb(136, 136, 136);
	display: block;
	font-family: HelveticaNeueCn;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	margin-bottom: 8px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 8px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.actionLink.secondaryLink {
	color: rgb(136, 136, 136);
	display: block;
	float: left;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 33px;
	line-height: 15px;
	margin: 0 5%;
	text-align: left;
	width: 40%
}

.actionLink.secondaryLink a {
	-webkit-appearance: none;
	-webkit-background-clip: border-box;
	-webkit-background-origin: padding-box;
	-webkit-background-size: auto;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgb(136, 136, 136);
	background-image: none;
	background-origin: padding-box;
	background-size: auto;
	border-bottom-color: rgb(255, 255, 255);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-image-outset: 0px;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgb(255, 255, 255);
	border-left-style: none;
	border-left-width: 0px;
	border-right-color: rgb(255, 255, 255);
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: rgb(255, 255, 255);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-style: none;
	border-top-width: 0px;
	color: rgb(255, 255, 255);
	cursor: auto;
	display: block;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: normal;
	outline-color: rgb(0, 0, 0);
	outline-style: none;
	outline-width: 0px;
	padding-bottom: 9px;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 9px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background-image: -webkit-linear-gradient(bottom, rgb(130,130,130), rgb(156,156,156));
}

.actionLink.secondaryLink span {
	color: rgb(255, 255, 255);
	cursor: auto;
	display: inline;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	height: auto;
	line-height: normal;
	text-align: center;
	text-transform: uppercase;
	width: auto;
}

.actionButton {
	color: rgb(136, 136, 136);
	display: block;
	float: right;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 34px;
	line-height: 15px;
	margin: 0 5%;
	text-align: left;
	width: 40%
}

.actionButton button {
	-webkit-appearance: none;
	-webkit-background-clip: border-box;
	-webkit-background-origin: padding-box;
	-webkit-background-size: auto;
	-webkit-writing-mode: horizontal-tb;
	align-items: flex-start;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(0, 0, 0, 0);
	background-image: -webkit-linear-gradient(bottom, rgb(103,81,140), rgb(131,111,164));
	background-origin: padding-box;
	background-size: auto;
	border-bottom-color: rgb(255, 255, 255);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-image-outset: 0px;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgb(255, 255, 255);
	border-left-style: none;
	border-left-width: 0px;
	border-right-color: rgb(255, 255, 255);
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: rgb(255, 255, 255);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-style: none;
	border-top-width: 0px;
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	cursor: pointer;
	display: inline-block;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	height: 34px;
	letter-spacing: normal;
	line-height: 12px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	outline-color: rgb(0, 0, 0);
	outline-style: none;
	outline-width: 0px;
	padding-bottom: 11px;
	padding-left: 11px;
	padding-right: 11px;
	padding-top: 11px;
	text-align: center;
	text-indent: 0px;
	text-shadow: none;
	text-transform: uppercase;
	vertical-align: baseline;
	width: 100%;
	word-spacing: 0px;
	writing-mode: lr-tb;
}

.actionButton span {
	color: rgb(255, 255, 255);
	cursor: pointer;
	display: inline;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	height: auto;
	letter-spacing: normal;
	line-height: 12px;
	text-align: center;
	text-indent: 0px;
	text-shadow: none;
	text-transform: uppercase;
	width: auto;
	word-spacing: 0px;
}

.clearDiv {
	clear: both;
	color: rgb(136, 136, 136);
	display: block;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 0px;
	line-height: 15px;
	text-align: left;
	width: 100%;
}

.calendarFooter {
	color: rgb(136, 136, 136);
	display: block;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 44px;
	line-height: 15px;
	padding-bottom: 7px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 7px;
	text-align: left;
}

.messageContainer {
	color: rgb(136, 136, 136);
	display: block;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 44px;
	line-height: 15px;
	text-align: left;
}

.errorContainer.errorCallout {
	-webkit-background-clip: border-box;
	-webkit-background-origin: padding-box;
	-webkit-background-size: auto;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgb(255, 255, 255);
	background-image: none;
	background-origin: padding-box;
	background-size: auto;
	border-bottom-color: rgb(203, 43, 89);
	border-bottom-style: solid;
	border-bottom-width: 10px;
	border-image-outset: 0px;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgb(203, 43, 89);
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: rgb(203, 43, 89);
	border-right-style: solid;
	border-right-width: 10px;
	border-top-color: rgb(203, 43, 89);
	border-top-style: solid;
	border-top-width: 10px;
	color: rgb(0, 0, 0);
	display: none;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: auto;
	line-height: 15px;
	list-style-type: disc;
	margin-bottom: 7px;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: left;
	width: auto;
}

.instructions {
	background-color: white;
	clear: both;
	color: rgb(136, 136, 136);
	display: block;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 15px;
	list-style-type: disc;
	margin: 0 3%;
	padding: 3px 3%;
	text-align: center;
}

.instructions .rangeEndInstructions {
	color: rgb(136, 136, 136);
	display: list-item;
	font-family: arial;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	height: 15px;
	line-height: 15px;
	list-style-type: none;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 2px;
	text-align: center;
}

.rangeEndInstructions .checkInInstructionsLabel {
	color: rgb(136, 136, 136);
	display: block;
	float: left;
	font-family: arial;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	list-style-type: none;
	text-align: center;
}

.rangeEndInstructions .checkInInstructionsDate {
	color: rgb(136, 136, 136);
	display: block;
	float: right;
	font-family: arial;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	list-style-type: none;
	text-align: right;
	text-transform: uppercase;
}

.rangeEndInstructions .checkOutInstructionsLabel {
	color: rgb(136, 136, 136);
	display: block;
	float: left;
	font-family: arial;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 15px;
	line-height: 15px;
	list-style-type: none;
	text-align: center;
}

.rangeEndInstructions .checkOutInstructionsDate {
	color: rgb(136, 136, 136);
	display: block;
	float: right;
	font-family: arial;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	height: 15px;
	line-height: 15px;
	list-style-type: none;
	text-align: right;
	text-transform: uppercase;
}

.optionalInstructions {
	color: rgb(136, 136, 136);
	display: block;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 0px;
	line-height: 15px;
	text-align: left;
	width: 100%;
}

.calendarBody {
	color: rgb(136, 136, 136);
	display: block;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 340px;
	line-height: 15px;
	text-align: left;
	width: 100%;
}

.firstMonth.lastMonth.calendarMonth {
	color: rgb(136, 136, 136);
	display: block;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 340px;
	line-height: 15px;
	margin-right: 0px;
	text-align: left;
	width: 100%;
}

.calendarMonthInner {
	color: rgb(136, 136, 136);
	display: block;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 340px;
	line-height: 15px;
	text-align: left;
	width: 100%;
}

.calendarMonthHeader {
	background-color: rgb(136, 136, 136);
	color: rgb(255, 255, 255);
	display: block;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 57px;
	line-height: 15px;
	text-align: left;
	width: 100%;
}

.calendarNavigation.next {
	background-color: rgb(78,55,108);
	background-repeat: no-repeat;
	background-position: center;
	border-left-width: 1px;
	color: rgb(255, 255, 255);
	cursor: pointer;
	display: block;
	float: right;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 56px;
	line-height: 15px;
	position: relative;
	text-align: left;
	width:45px;
}

.navLinkArrow.rightArrow {
	color: rgb(255, 255, 255);
	cursor: pointer;
	display: block;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 18px;
	line-height: 15px;
	margin-top: -10px;
	position: absolute;
	right: 15px;
	text-align: left;
	top: 33.59375px;
}

.calendarNavigation.previous.deactive {
	border-right-color: rgb(203, 201, 201);
	border-right-style: solid;
	border-right-width: 1px;
	color: rgb(255, 255, 255);
	cursor: pointer;
	display: block;
	float: left;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 56px;
	line-height: 15px;
	position: relative;
	text-align: left;
	visibility: hidden;
}

.monthLabel {
	background-color: rgb(102,79,141);
	color: rgb(255, 255, 255);
	display: block;
	font-family: arial;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	height: 65px;
	line-height: 15px;
	padding-bottom: 11px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 11px;
	text-align: center;
	width: 100%;
}

.yearLabel {
	color: rgb(255, 255, 255);
	display: block;
	font-family: arial;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 15px;
	line-height: 15px;
	padding-top: 5px;
	text-align: center;
	width: 100%;
}

.calendarMonthBody {
	color: rgb(136, 136, 136);
	display: block;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 283px;
	line-height: 15px;
	text-align: left;
	width: 100%;
}

.calendarMonthBody table {
	-webkit-border-horizontal-spacing: 0px;
	-webkit-border-vertical-spacing: 0px;
	border-bottom-color: rgb(128, 128, 128);
	border-collapse: collapse;
	border-left-color: rgb(128, 128, 128);
	border-right-color: rgb(128, 128, 128);
	border-top-color: rgb(128, 128, 128);
	color: rgb(136, 136, 136);
	display: table;
	font-family: arial;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 282px;
	line-height: normal;
	table-layout: fixed;
	text-align: start;
	white-space: normal;
	width: 100%;
}

tbody {
	border-bottom-color: rgb(128, 128, 128);
	border-collapse: collapse;
	border-left-color: rgb(128, 128, 128);
	border-right-color: rgb(128, 128, 128);
	border-top-color: rgb(128, 128, 128);
	color: rgb(136, 136, 136);
	display: table-row-group;
	font-family: arial;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 282px;
	line-height: normal;
	text-align: start;
	vertical-align: middle;
	white-space: normal;
	width: 100%;
}

tr {
	border-bottom-color: rgb(128, 128, 128);
	border-collapse: collapse;
	border-left-color: rgb(128, 128, 128);
	border-right-color: rgb(128, 128, 128);
	border-top-color: rgb(128, 128, 128);
	color: rgb(136, 136, 136);
	display: table-row;
	font-family: arial;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 18px;
	line-height: normal;
	text-align: start;
	vertical-align: middle;
	white-space: normal;
	width: 100%;
}

tbody:first-child{
	background-color: rgb(154,135,186);
}

.dayLabelRow{
	background-color: rgb(154,135,186);
}

.dayLabel {
	border-bottom-color: rgb(136, 136, 136);
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-collapse: collapse;
	border-image-outset: 0px;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgb(136, 136, 136);
	border-left-style: none;
	border-left-width: 0px;
	border-right-color: rgb(136, 136, 136);
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: rgb(136, 136, 136);
	border-top-style: none;
	border-top-width: 0px;
	color: black;
	display: table-cell;
	font-family: arial;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	height: 16px;
	line-height: normal;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: normal;
}

#popupLayer {
	width: 100%;
	height: 400%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

#popupLayer {
	background-color: #271a40;
	z-index: 1000;
}

.calendarContainer .instructions{
	background-color: white;
}

.invalid{
	background-color: rgb(228, 228, 228) !important;
	color:gray !important;
}

.day.availableRangeEnd, .day.availableRangeStart{
	color:white !important;
}

.day.outOfMonthDay.availableRangeEnd, .day.outOfMonthDay.availableRangeStart{
	color:gray !important;
}

.unselected, .day.availableRangeEnd{
	background-color: rgb(102,79,141) !important;
}

.selected, .day.rangeStart, .day.rangeEnd, .day.selected{
	background-color: #271a40 !important;
}